<template>
    <div class="body">
        <div class="hg_nfbox">
            <div class="hg_nf_box">
                <el-select
                    v-model="value"
                    placeholder="署内部门链接"
                    class="hg_nf_select"
                    style="margin-left: 208px"
                >
                    <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                    >
                    </el-option>
                </el-select>

                <el-select
                    v-model="value"
                    placeholder="其他系统链接"
                    class="hg_nf_select"
                >
                    <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                    >
                    </el-option>
                </el-select>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'test',
    data() {
        return {
            options: [
                {
                    value: '选项1',
                    label: '部门链接1',
                },
                {
                    value: '选项2',
                    label: '部门链接2',
                },
                {
                    value: '选项3',
                    label: '部门链接3',
                },
                {
                    value: '选项4',
                    label: '部门链接4',
                },
                {
                    value: '选项5',
                    label: '部门链接5',
                },
            ],
            value: '',
        };
    },
    methods: {},
};
</script>

<style lang="scss" scoped>
.body {
    overflow: hidden;
}
.hg_nfbox {
    height: 73px;
    background: #094194;

    .hg_nf_box {
        width: 1200px;
        margin: 0 auto;

         .hg_newbox .is-active button {
            width: 12px;
        }

         .el-icon-arrow-up:before {
            content: '\e78f';
        }

         .el-input__suffix {
            background: rgba(177, 201, 238, 0.9);
        }

         .el-select .el-input .el-select__caret {
            color: rgba(9, 65, 148, 1);
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

         .el-input__inner {
            border: 0;
            padding: 0 15px;
            width: 330px;
            text-align: center;
        }
         .el-input__inner::placeholder {
            color: #333;
        }
         .el-input__suffix {
            right: 0px;
        }
         .el-input--small .el-input__inner {
            height: 26px;
            line-height: 26px;
        }
         .el-input--small .el-input__icon {
            line-height: 26px;
        }

        .hg_nf_select {
            float: left;
            margin-top: 22px;
            margin: 22px 54px;
        }
    }
}
</style>
